<template>
  <a-descriptions title="糖尿病合并症" bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="高血压病" :span="2" bordered v-if="report.hypertensionText !== null">
      <p>确诊情况：{{ report.hypertensionText }}</p>
      <p>确诊日期： {{ report.hypertensionDate }}</p>
      <p v-html="report.hypertensionData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="高甘油三酯血症" :span="2" bordered v-if="report.hyperlipidemiaText !== null">
      <p>确诊情况：{{ report.hyperlipidemiaText }}</p>
      <p>确诊日期： {{ report.hypertriglyceridemiaDate }}</p>
      <p>
        {{ report.ifHypolipidemic1 }}
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="高胆固醇血症" :span="2" bordered v-if="report.hyperlipidemiaText !== null">
      <p>确诊情况：{{ report.hyperlipidemiaText }}</p>
      <p>确诊日期： {{ report.hypercholesterolemiaDate }}</p>

      <p>
        {{ report.ifHypolipidemic2 }}
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="心血管疾病" :span="2" bordered v-if="report.angiocardiopathyText !== null">
      <p>确诊情况：{{ report.angiocardiopathyText }}</p>
      <p>确诊日期： {{ report.angiocardiopathyDate }}</p>
      <span>检查情况：{{ report.angiocardiopathyExam }}</span>
    </a-descriptions-item>
    <a-descriptions-item label="脑血管疾病" :span="2" bordered v-if="report.cerebrovascularText !== null">
      <p>确诊情况：{{ report.cerebrovascularText }}</p>
      <p>脑卒中类型： {{ report.strokeType }}</p>
      <p v-if="report.strokeDate !== null">脑卒中确诊日期： {{ report.strokeDate }}</p>
      <p v-if="report.ischemiaDate !== null">急性脑缺血确诊日期： {{ report.ischemiaDate }}</p>
      <p v-if="report.transientIschemiaDate !== null">短暂性脑缺血发作确诊日期： {{ report.transientIschemiaDate }}</p>
      <p v-if="report.ccvdDate !== null">动脉粥样硬化性CCVD确诊日期： {{ report.ccvdDate }}</p>
      <p>其他脑血管疾病： {{ report.cerebrovascularOther }}</p>
      <p>脑血管疾病相关检查： {{ report.cerebrovascularCheck }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="周围血管疾病" :span="2" bordered v-if="report.peripheralText !== null">
      <p>确诊情况：{{ report.peripheralText }}</p>
      <p v-if="report.arteryDate !== null">外周动脉疾病确诊日期： {{ report.arteryDate }}</p>
      <p v-if="report.aneurysmDate !== null">动脉瘤确诊日期： {{ report.aneurysmDate }}</p>
      <p v-if="report.fistulaDate !== null">动静脉瘘确诊日期： {{ report.fistulaDate }}</p>
      <p v-if="report.venousDate !== null">外周静脉疾病确诊日期： {{ report.venousDate }}</p>
      <p v-if="report.injuryDate !== null">周围血管损伤确诊日期： {{ report.injuryDate }}</p>
      <p>周围血管疾病类型： {{ report.peripheralType }}</p>
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'Comorbidity',
  props: ['report'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
</style>

